<script setup lang="ts" name="CyrusInput">
defineProps(["modelValue"]);
const emit = defineEmits(["update:modelValue"]);
</script>

<template>
  <input
    class="border-2 border-black bg-gradient-to-r from-red-600 to-yellow-600 text-white px-1 py-0.5 focus:outline-none"
    :value="modelValue"
    @input="emit('update:modelValue', (<HTMLInputElement>$event.target).value)"
  />
</template>
